<h3 id="ServiceHeader">Service Information</h3>
<div id="ServiceInfo" about="ws.url">
	<p property="wsdl-rdf:localName" id="serviceName">${ws.name}</p> 
	<p id="serviceUrl">${ws.url}</p>
	<p id="serviceWsdl">${ws.wsdl}</a>
	<g:if test="${ws.technical}">
		<p property="jpdo:technicalDescription" id="serviceDescription">${ws.technical}</p>
	</g:if>
</div>
			
<h3 id="OperationsHeader">Operations</h3>
<div id="OperationsInfo" style="display:none">
	<g:each var="binding" in="${ws.hasBindings}">
		<p property="wsdl-rdf:localName" class="bindingName">${binding.name}</p>
		<div class="bindingInfo" style="display:none">
			<g:each var="operation" in="${binding.hasOperations}">
				<p property="wsdl-rdf:localName" class="operationName">${operation.name}</p>
				<g:if test="${operation.brief}">
					<p property="jpdo:briefDescription" class="operationDescription">${operation.brief}</p>
				</g:if>
			</g:each>
		</div>
	</g:each>
</div>

<h3 id="InteropHeader">Interoperability</h3>
<div id="InteropInfo" style="display:none">
	<article id="canSendTo">
		<p id="canSendToInfo">Can Send To:</p>
		<g:each var="source" in="${ws.toServices}">
			<p><g:remoteLink   update="serviceInfoPane" 
					controller="browserFile" 
					action="display" 
					class="interopServiceLink"
					id="${source.id}">
					${source.name}
			</g:remoteLink></p>
			<div class="interopFacts">
				<g:each var="interop" in="${ws.canConnectTo}">
					<g:if test="${interop.to.inService == source}">
						<div class="interopOperations" about="${interop.from.url}" rel="jpdo:canConnectTo" resource="interop.to.url">
							<p class="toOperation">${interop.from.name}</p>
							<g:remoteLink   update="serviceInfoPane" 
											controller="browserFile" 
											action="display" 
											class="fromOperation"
											id="${source.id}">
											${interop.to.name}
							</g:remoteLink>
						</div>
					</g:if>
				</g:each>
			</div>
		</g:each>
	</article>
	<article id="canReceiveFrom">
		<p id="canReceiveFromInfo">Can Receive From:</p>
		<g:each var="destination" in="${ws.fromServices}">
			<g:remoteLink   update="serviceInfoPane" 
					controller="browserFile" 
					action="display" 
					class="interopServiceLink"
					id="${destination.id}">
					${destination.name}
			</g:remoteLink>
			<div class="interopFacts">
				<g:each var="interop" in="${ws.canReceiveFrom}">
					<g:if test="${interop.from.inService == destination}">
						<div class="interopOperations" about="${interop.from.url}" rel="jpdo:canConnectTo" resource="interop.to.url">
							<g:remoteLink   update="serviceInfoPane" 
											controller="browserFile" 
											action="display" 
											class="fromOperation"
											id="${destination.id}">
											${interop.from.name}
							</g:remoteLink>
							<p class="toOperation">${interop.to.name}</p>
						</div>
					</g:if>
				</g:each>
			</div>
		</g:each>
	</article>
</div>

<script>
$('#OperationsHeader, #InteropHeader, .bindingName').collapser({
	target: 'next', effect: 'slide', changeText: 0,
	expandClass: '', collapseClass: ''
});
</script>